﻿<RadzenStack Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.Center" AlignItems="AlignItems.Center" Wrap="FlexWrap.Wrap" class="rz-p-12">
    <RadzenStack Gap="0.5rem">
        <RadzenLabel Text="Select Date, bound to DateOnly" Component="DatePickerDateOnlyType" />
        <RadzenDatePicker @bind-Value="@value" DateFormat="MM/dd/yyyy" Name="DatePickerDateOnlyType"/>
    </RadzenStack>
    <RadzenStack Gap="0.5rem">
        <RadzenLabel Text="Select Time, bound to TimeOnly" Component="DatePickerTimeOnlyType" />
        <RadzenDatePicker @bind-Value="@timeValue" ShowSeconds="true" DateFormat="HH:mm" Name="DatePickerTimeOnlyType" />
    </RadzenStack>
</RadzenStack>

@code {
    DateOnly value = DateOnly.FromDateTime(DateTime.Now);
    TimeOnly timeValue = TimeOnly.FromDateTime(DateTime.Now);
}